<template>
  <view class="container">
    <view class="list">
		<view class="list__head">
			<view class="list__headin">
				  <view class="list__headin-title">学习资讯</view>
				  <navigator
					:url="'./review/index?type=1'"
					hover-class="none"
					class="list__headin-more">更多 &gt;</navigator>
			</view>
		</view>

		<study-no-data v-if="noData"></study-no-data>
		<text-content v-else :list="textList"></text-content>

    </view>
  </view>
</template>

<script>
	import {isEmpty} from '@/utils/index';
	import TextContent from "./textContent";
	import studyNoData from '../studyNoData'
export default {
  components: {TextContent,studyNoData},
  props: {
    textList: {
      type: Array,
      default: function() {
        return [];
      }
    }
  },
  data() {
    return {};
  },
  computed: {
	  noData(){
	  	return isEmpty(this.textList);
	  }
  },
};
</script>

<style lang="less">
// 列表
.list {
  width: 100%;
  background-color: #fff;
  padding-bottom: 20upx;
  &__head {
    .list__headin {
      display: flex;
      padding: 0 30upx 0;
      margin-top: 15upx;
      // border-left: 10upx solid #377cfd;

      &-title {
        font-size: 30upx;
        font-weight: 600;
        text-align: left;
        flex: 1.5;
      }
      &-more {
        font-size: 24upx;
        text-align: right;
        flex: 0.5;
        color: #999999;
        font-family: SimSun-ExtB;
      }
    }
  }
}
</style>
